@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
	margin: 0;
	padding: 0;
	/* font-family: 'Poppins', sans-serif; */
}
body {
	background-image: url('../img/i.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	align-items: center;
	display: flex;
	gap: 500px;
}

.gor {
	position: absolute;
	height: 700px;
	border: 1px dashed rgba(121, 155, 248, 0.5);
}
.text p {
	padding-bottom: 20px;
}
.nomeration {
	color: red;
	font-weight: bold;
}
.ver {
	position: absolute;
	width: 700px;
	border: 1px dashed rgba(121, 155, 248, 0.5);
}
.pp {
	position: relative;
}
.text {
	position: relative;
	color: aliceblue;
	width: 400px;
	height: 800px;
	font-size: 22px;
	text-align: center;
	font-family: 'Courier New', Courier, monospace;
	padding: 50px;
	overflow-y: scroll;
}
.one {
	color: red;
	font-weight: bold;
	margin-bottom: 100px;
}

.asd {
	width: 100%;
	height: 800px;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: rotateX(45deg);
}
.cr {
	color: aliceblue;
}
.ttt {
	display: flex;
	justify-content: center;
	gap: 550px;
	align-items: center;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 800px;
}
.ves {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: aliceblue;
	position: absolute;
	width: 100%;
	height: 300px;
}
.ose {
	display: flex;
	justify-content: center;
	align-items: end;
	text-align: center;
	color: aliceblue;
	position: absolute;
	width: 100%;
	height: 680px;
}
.an {
	position: absolute;
	height: 500px;
	width: 700px;
}

.cont {
	height: 400px;
	width: 400px;
	position: relative;
}

.sun {
	width: 60px;
	height: 60px;
	background-image: url('../img/-42.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 170px;
	left: 100px;
}

.globe.earth {
	background-image: url('../img/Рисунок3.gif.png');
	width: 28px;
	height: 28px;
	right: -15px;
	top: 225px;
}

.globe {
	border-radius: 50%;
	position: absolute;
}

.orbit.earth {
	position: relative;
	animation: orbit 30.5s linear infinite;
	animation-delay: 0.5s;
	height: 490px;
	right: 41px;
	bottom: 41px;
	width: 490px;
}

.globe.moon {
	background-image: url('../img/луна.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 12px;
	height: 12px;
	right: 2px;
	top: 8px;
}

.gg.moon {
	animation: gg 10.7s linear infinite;
	height: 80px;
	left: -25px;
	top: -25px;
	width: 80px;
}

.gg {
	position: relative;
	border: solid;
	border: 1px dashed rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	box-sizing: border-box;
	transform: rotate(0deg);
	transform-origin: center;
}

.orbit {
	position: relative;
	border: solid;
	border-color: white;
	border-radius: 50%;
	border: 1px dashed rgba(255, 255, 255, 0.5);
	box-sizing: border-box;
	transform: rotate(0deg);
	transform-origin: center;
}

@keyframes gg {
	to {
		transform: rotate(360deg);
	}
}
@keyframes orbit {
	0% {
		transform: rotate(0deg);
	}
	6% {
		transform: rotate(30deg);
	}
	7% {
		transform: rotate(30deg);
	}
	8% {
		transform: rotate(30deg);
	}
	14% {
		transform: rotate(60deg);
	}
	15% {
		transform: rotate(60deg);
	}
	16% {
		transform: rotate(60deg);
	}
	22% {
		transform: rotate(92deg);
	}
	23% {
		transform: rotate(92deg);
	}
	25% {
		transform: rotate(92deg);
	}
	31% {
		transform: rotate(120deg);
	}
	32% {
		transform: rotate(120deg);
	}
	33% {
		transform: rotate(120deg);
	}
	39% {
		transform: rotate(150deg);
	}
	40% {
		transform: rotate(150deg);
	}
	41% {
		transform: rotate(150deg);
	}
	47% {
		transform: rotate(182deg);
	}
	48% {
		transform: rotate(182deg);
	}
	49% {
		transform: rotate(182deg);
	}
	55% {
		transform: rotate(210deg);
	}
	56% {
		transform: rotate(210deg);
	}
	57% {
		transform: rotate(210deg);
	}
	63% {
		transform: rotate(240deg);
	}
	64% {
		transform: rotate(240deg);
	}
	65% {
		transform: rotate(240deg);
	}
	71% {
		transform: rotate(270deg);
	}
	72% {
		transform: rotate(270deg);
	}
	73% {
		transform: rotate(270deg);
	}
	79% {
		transform: rotate(300deg);
	}
	80% {
		transform: rotate(300deg);
	}
	81% {
		transform: rotate(300deg);
	}
	87% {
		transform: rotate(330deg);
	}
	88% {
		transform: rotate(330deg);
	}
	89% {
		transform: rotate(330deg);
	}
	98% {
		transform: rotate(360deg);
	}
	99% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(360deg);
	}
}